var anc_onglet;
charger_onglets();

function charger_onglets(){
	//récupération des noms de test
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			creer_onglets(xhr.responseXML);
		} 
	};
	xhr.open("POST", "charger_onglet_c.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send();
}

function charger_contenu(oSelect){
	//récupération du contenu des onglets
	var xhr = getXMLHttpRequest();
	
	var var1 = encodeURIComponent(oSelect);
	var var2 = encodeURIComponent(id);
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			remplir_onglet(xhr.responseXML,oSelect);
		} 
	};
	xhr.open("POST", "remplir_onglet_c.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send("description=" + var1 + "&id_anim="+ var2);
}

function creer_onglets(oData){
	//création des onglets
	var div = document.getElementById('onglets');
	var nodes = oData.getElementsByTagName("item");
	anc_onglet = nodes[0].getAttribute("name");				
	var nom, li, text;
	
	for (var k=0; k<nodes.length; k++) {
		var id2=nodes[k].getAttribute("id");
		nom=nodes[k].getAttribute("name");
		
		//création des onglets
		li=document.createElement("li");
		li.className="inactive";
		li.id="onglet_"+nom;
		
		text=document.createTextNode(nom);
		li.appendChild(text);
		div.appendChild(li);
		charger_contenu(nom);
		ajouter_click_onglet(nom);
	}
}

function remplir_onglet(oData,desc){
	//remplissage de l'onglet avec les données récupérées
	var content = document.getElementById('contenu');
	var nodes2 = oData.getElementsByTagName("item");
	var section = document.createElement("section");
	section.id = "contenu_onglet_"+desc;
	section.className="contenu_onglet";
	content.appendChild(section);
	
	var para,t2,date;
	if(nodes2.length==0){ //si acune donnée récupérée
		var para = document.createElement("p");
		var label = document.createElement("label");
		var text = document.createTextNode("Pas d'informations disponibles pour ce test");
		label.appendChild(text);
		para.appendChild(label);
		section.appendChild(para);
	}
	else{
		for (var j=0; j<nodes2.length; j++) { //parcours des données récupérées
			if(nodes2[j].getAttribute("id")=="descr"){ // si test de discrimination ou d'inversion
				var h1 = document.createElement("h2");
				var text = document.createTextNode(nodes2[j].getAttribute("name"));
				h1.appendChild(text);
				section.appendChild(h1);
			}
			else if(nodes2[j].getAttribute("id")=="date_test"){ //si la donnée a pour id la date du test
				date = nodes2[j].getAttribute("name");
				var div = document.createElement("div");
				var text = document.createTextNode("Test du "+nodes2[j].getAttribute("name"));
				
				t2 = document.createElement("label");
				t2.appendChild(text);
				t2.className="titre2";
				
				var bouton = document.createElement("input");
				bouton.type="button";
				bouton.value="Détail";
				bouton.id=desc+date;				
				
				para= document.createElement("p");
				para.className="autre";
				para.id="desc_"+desc+nodes2[j].getAttribute("name");
				
				div.appendChild(t2);
				div.appendChild(bouton);
				section.appendChild(div);
				section.appendChild(para);
				ajouter_click_bouton(desc+date);
			}
			
			else if(para.id=="desc_"+desc+date && nodes2[j].getAttribute("id")!="date_test"){ //si un paragraphe a été créé avec la date et le nom du test
				if(nodes2[j].getAttribute("id")=="bop"+date || nodes2[j].getAttribute("id")=="bc12"+date){ //pour barnes bop et bc12
					if(para.hasChildNodes()){ //vérification si des données ont été mises dans paragraphe
						 var collEnfants = para.childNodes;
						 var a=0;
						 for (var i = 0; i < collEnfants.length; i++){
							if(collEnfants[i].name=="barnes"){a++;}
						 }
						if(a==0){ //si paragraphe vide, on lui ajoute le nom du test
							var label2 = document.createElement("label");
							label2.name="barnes";
							var strong = document.createElement("strong");
							var space2 = document.createElement("br");
							var text3;
							if(nodes2[j].getAttribute("id")=="bop"+date){ text3 = document.createTextNode("Type de test: Barnes bop");}
							else{ text3 = document.createTextNode("Type de test: Barnes bc12");}
							strong.appendChild(text3);
							label2.appendChild(strong);	
							para.appendChild(label2);
							para.appendChild(space2);
						}
					}
				}			
									
				var label = document.createElement("label");
				var space = document.createElement("br");
				var text2 = document.createTextNode(nodes2[j].getAttribute("name"));
				label.appendChild(text2);				

				if(nodes2[j].getAttribute("id")!="wide"+date){
					var temp=nodes2[j].getAttribute("id").split("wide");
					var date2 = temp[1];
					if(date2){
						var para2=document.getElementById("desc_"+desc+date2);
						para2.appendChild(label);
						para2.appendChild(space);
					}
					else{
						para.appendChild(label);
						para.appendChild(space);
					}
				}
				else{			
					para.appendChild(label);
					para.appendChild(space);
				}
			}
		}
	}	
}
	
function ajouter_click_onglet(nom){
	//ajout clic sur onglets
	var temp = document.getElementById("onglet_"+nom);				
	temp.onclick=function(){changer_onglet(nom);};
}

function changer_onglet(name){
	//changement d'onglet courant
	var temp =document.getElementById("contenu_onglet_"+anc_onglet);
	document.getElementById("onglet_"+anc_onglet).className = "inactive";
	document.getElementById("onglet_"+name).className = "active";

	document.getElementById("contenu_onglet_"+anc_onglet).style.display = "none";
	document.getElementById("contenu_onglet_"+name).style.display = "inline-block";

	anc_onglet = name;
}

function ajouter_click_bouton(nom){
	//ajout clic sur bouton pour afficher détails du test
	var temp = document.getElementById(nom);				
	temp.onclick=function(){afficher("desc_"+nom);};
}

function afficher(oSelect){
	//affichage du détail du test
	var elt = document.getElementById(oSelect);
	if(elt.style.display=="inline-block"){
		elt.style.display="none";
	}
	else{
		elt.style.display="inline-block";
	}
}

